@charset "utf-8";
/* CSS Document */
/*第一部分*/
.onebox{ width: 1200px; height: auto; margin: 0 auto; }

/*焦点图*/
.focusPic{width:1200px; height:350px; position: relative;  margin:25px auto 0; overflow:hidden;}
.focusPic2 li{height:350px;}
.focusPic2 img{width:1200px; height:350px;}
.focusPic .num {height:25px; position: absolute; bottom:15px; right:15px; zoom:1; z-index:3; overflow:hidden;}
.focusPic .num li{width: 25px; height: 25px; text-align:center; font:400 14px/25px Verdana, Arial, "宋体"; color: #FFF; background: #390; margin-left:10px; border-radius:50%; cursor:pointer; float: left;}
.focusPic .num li.on {background: #f80; }
.focusPic .prev,
.focusPic .next{display: none; width: 40px; height:100px; background: url(../images/btn.png) no-repeat; position: absolute; top:125px;}
.focusPic .prev { left:0;}
.focusPic .next { right:0; background-position:right }

/*第二部分*/
.twobox{ width: 1200px; height: auto; margin: 0px auto; overflow: hidden; }

/*左*/
.newsleft{ width: 980px; height: auto; float: left; overflow: hidden; }

/*公用抬头*/
.title{ width: 980px; height: 25px; padding-bottom: 8px; margin-top: 25px; }

.gybrd1{ border-bottom: 2px solid #37B369; }

.gybrd2{ border-bottom: 2px solid #FC7B25; }

.gybrd3{ border-bottom: 2px solid #FD537B; }

.title h2{ float: left; font: 700 20px/25px "微软雅黑", Arial, "宋体"; }

.gybrd1 h2,.gybrd1 h2 a{ color: #37B369 }

.gybrd2 h2,.gybrd2 h2 a{ color: #FC7B25 }

.gybrd3 h2, .gybrd3 h2 a{ color: #FD537B }

/*最新专题*/
.zx_zt{ width: 980px; height: auto; margin-top: 10px; overflow: hidden; }

.zx_zt li{ width: 230px; height: 250px; float: left; text-align: center; position: relative; }

.zx_zt li.mglt20{ margin-left: 20px; _display: inline; }

.zx_zt li img{ width: 230px; height: 250px; display: block; }

.zx_zt li span{ display: block; width: 210px; height: 40px; background: #FFF; font: 400 14px/40px "微软雅黑", Arial, "宋体"; position: absolute; left: 10px; bottom: 10px; }

/*最新攻略*/
.zx_news{ width: 980px; height: auto; margin-top: 10px; overflow: hidden; }

/*目的地排行*/
.mdd_ph{ width: 190px; height: 630px; float: left; padding-right: 20px; border-right: 1px solid #E5E5E5; overflow: hidden; }

.mdd_ph h3{ height: 39px; border-bottom: 1px solid #E5E5E5; font: 700 16px/39px "微软雅黑", arial, "宋体"; padding: 5px 0; }

.mdd_ph li{ width: 190px; height: 21px; padding: 18px 0; border-bottom: 1px solid #e5e5e5; text-align: center; font: 400 14px/20px "微软雅黑", arial, "宋体"; overflow: hidden; }

.mdd_ph li i{ display: inline-block; width: 25px; height: 18px; line-height: 18px; float: left; border-radius: 2px; color: #FFF; font-size: 12px; font-family: verdana, arial, "宋体"; }

.mdd_ph li i.number1{ background: #FB5900; }

.mdd_ph li i.number2{ background: #FB8D00; }

.mdd_ph li i.number3{ background: #FBBD00; }

.mdd_ph li i.number4{ background: #C5C5C5; }

.mdd_ph li a{ display: inline-block; font-size: 16px; float: left; margin-left: 20px; }

.mdd_ph li span{ display: inline-block; float: right; color: #999; }


/*攻略主体部分*/
.newsbox{ width: 749px; height: 630px; padding-left: 20px; float: left; overflow: hidden; }

.newsbox li{ width: 749px; height: 95px; padding: 15px 0; border-bottom: 1px dotted #A2A2A2; }

.newsbox li img{ display: block; width: 140px; height: 95px; float: left; }

.newsbox li div.con{ width: 594px; height: 95px; float: left; padding-left: 15px; }

.newsbox li div h4{ height: 25px; font: 400 18px/25px "微软雅黑", arial, "宋体"; }

.newsbox li div h4 a.lv{color:#754; margin-right: 5px;}

.newsbox li div p.time{ height: 20px; padding-top: 5px; font: 400 12px/20px arial, "宋体"; color: #999; }

.newsbox li div p.datel{ height: 40px; line-height: 20px; padding-top: 5px; color: #777; }

/*景点美图欣赏*/
.jingdian{ width: 980px; height: 340px; margin-top: 10px; position: relative; }

.jd1{ width: 210px; height: 165px; position: absolute; left: 0; top: 0; }

.jd1 img{ width: 210px; height: 165px; }

.jd2{ width: 540px; height: 165px; position: absolute; left: 220px; top: 0; }

.jd2 img{ width: 540px; height: 165px; }

.jd3{ width: 210px; height: 165px; position: absolute; left: 770px; top: 0; }

.jd3 img{ width: 210px; height: 165px; }

.jd4{ width: 210px; height: 165px; position: absolute; left: 0; top: 175px; }

.jd4 img{ width: 210px; height: 165px; }

.jd5{ width: 210px; height: 165px; position: absolute; left: 220px; top: 175px; }

.jd5 img{ width: 210px; height: 165px; }

.jd6{ width: 540px; height: 165px; position: absolute; left: 440px; top: 175px; }

.jd6 img{ width: 540px; height: 165px; }

/*右*/
.newsright{ width: 200px; height: auto; float: right; margin-top: 20px; background: #FAFAFA; overflow: hidden; }

.newsright h3{ height: 34px; background: #37B369; font: 700 14px/34px "微软雅黑", arial, "宋体"; text-indent: 15px; color: #fff; }

.newsright h3 a{ color: #FFF; }

.newsright h4{ height: 34px; margin-top: 20px; background: #37B369; font: 700 14px/34px "微软雅黑", arial, "宋体"; text-indent: 15px; color: #fff; }

.newsright h4 a{ color: #FFF; }

/*问答*/
.newask{ width: 170px; height: auto; padding: 0 15px; overflow: hidden; }

.newask li{ height: 42px; font: 400 12px/42px "微软雅黑", arial, "宋体"; background: url(../images/dot.gif) no-repeat left center; border-bottom: 1px solid #E5E5E5; }

.newask li a{ margin-left: 8px; }

/*推荐攻略*/
.tj_gl{ width: 170px; height: 204px; margin: 20px 15px 0; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; }

.tj_pic{ width: 170px; height: 130px; }

.tj_pic img{ width: 170px; height: 130px; }

.tj_tit{ width: 170px; height: 20px; margin-top: 10px; font: 400 14px/20px "微软雅黑", arial, "宋体"; overflow: hidden;}

.tj_con{ width: 170px; height: 40px; margin-top: 4px; line-height: 20px; color: #777; overflow: hidden; }

/**************************************攻略列表页 NEWSLITS******************************************/

.main{width: 1200px; height: auto; margin: 20px auto 0; overflow: hidden;}

/*攻略列表*/
.newslist{width: 900px; height: auto; float: left; overflow: hidden;}

.newslist h2{height: 30px; padding-bottom: 5px; border-bottom: 2px solid #5ABB1F; font: 700 18px/30px "微软雅黑", arial, "宋体";  color: #2AA3CE;}

.news_box{width: 900px; height: 187px; padding-top: 22px;}

.news_pic{width: 225px; height: 165px; float: left; border: 1px solid #e2e2e2; padding: 10px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); background: #ffffff;}

.news_pic img{width: 225px; height: 165px;}

.news_con{width: 623px; height:180px; padding-left: 30px; float: left;}

.news_con h4{height: 40px; font: 400 18px/40px "微软雅黑", arial, "宋体";}

.news_con span{display: block; height: 17px; background: url(../images/time_bg.png) no-repeat left center; padding-left: 25px; font: 400 14px/17px arial, "宋体"; color: #999; margin-top: 5px;}

.news_con p{margin-top: 10px; height: 50px; line-height:25px; color: #777; font-size: 14px;}


/*分页*/

.pages{height: 40px; line-height: 40px; padding:15px 15px 0; margin: 10px 0 0; text-align:center; font-size: 14px; font-family: Verdana,Arial,"宋体"; overflow: hidden;}

.pages a{background:#37B369; color: #fff; margin: 0 5px; padding: 6px 12px;}

.pages a:hover{background:#F80; color: #fff; text-decoration: none;}

.pages .current{margin: 0 5px;  padding: 6px 12px; background:#F80; color: #fff;}

.pages span{background:#F80; color: #fff; margin: 0 5px;  padding: 6px 12px;}

/*边栏*/
.sidebar{width: 280px; height: auto; float: right; padding-bottom: 20px; background: #FAFAFA; overflow: hidden;}

.sidebar .tit{height: 37px; background: #01af63; color: #FFF;}

.sidebar .tit0{height: 37px; background: #01af63; color: #FFF; margin-top: 20px;}/*详情页面抬头*/

.sidebar .tit h3,.sidebar .tit0 h3{height:37px; font: 700 14px/37px "微软雅黑", arial, "宋体";  color: #FFF; text-indent: 15px;}

.sidebar .tit h3 a,.sidebar .tit0 h3 a{color:#FFF;}

/*推荐线路*/
.xianlu{width: 250px; height: auto; padding: 0 15px;}

.xianlu li{width: 250px; height: auto; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #CCC; overflow: hidden;}

.xianlu li img{display: block; width: 246px; height: 176px; padding: 1px; border:1px solid #FFF;}

.xianlu li p.tit1{font: 400 14px/25px "微软雅黑", arial, "宋体"; margin-top:10px; overflow: hidden;}

.xianlu li p.tit1 a{color:#777;}

.xianlu li p.tit1 a:hover{color:#f60;}

.xianlu li p.pre1{height: 30px; font: 400 18px/30px verdana,Arial,"宋体"; color: #FF2900;}


/********************************攻略详情页面***************************************/
.newstxt{width: 900px; height: auto;}

.newstxt h1{height: 50px; font: 700 24px/50px "微软雅黑", arial, "宋体"; color: #01af63;}

.txt_info{height: 30px; font: 400 14px/30px arial, "宋体"; color: #777; border-bottom: 1px dotted #A2A2A2; padding-bottom: 10px;}

.txt_info a{color:#777;}

.txt_content{width:900px; font-size: 16px;}

.txt_content p{line-height: 28px; margin-top: 15px; text-indent: 2em; color: #555;}

.txt_content img{display: block; width: 500px; height: auto; margin: 15px auto 0; padding: 15px 200px; background: #FAFAFA;}

.txt_content p img{margin: 0 auto;}

.txt_content p a{color: #0055CC; text-decoration: underline;}

.prenext{width: 898px; height: 50px; background: #F6F7FB; border: 1px solid #EEE; margin-top: 15px;}

.prenext li{width:429px; height:50px;  float: left; font: 400 14px/50px arial, "宋体";}

.prenext li a{color:#282828;}

.prenext li.text_up{text-align: left; padding-left: 20px;}

.prenext li.text_down{text-align: right; padding-right: 20px;}

/*相关阅读*/
.xgbox{width: 900px; height: auto; margin-top: 20px; overflow: hidden;}

.xgbox h3{height:30px; padding-bottom: 5px; border-bottom: 1px solid #CCC; font: 700 16px/30px "微软雅黑", arial, "宋体";}

.xg_txt_list{width: 898px; height: auto; overflow: hidden;}

.xg_txt_list li{width: 429px; height: 90px; float: left; padding:20px 10px 0; overflow: hidden;}

.xg_txt_list li img{width: 130px; height: 90px; display: block; float: left; margin-right: 20px;}

.xg_txt_list li em{display: block; width: 279px; height: 30px; float: left; line-height: 30px; font-size: 14px; font-family: "微软雅黑", arial, "宋体"; overflow: hidden;}

.xg_txt_list li p{width: 279px; height: 50px; padding-top:5px; line-height: 25px; float: left; color: #999;}


/*最新攻略*/
.new_news{width:250px; height: auto; padding: 0 15px; overflow: hidden;}

.new_news li{height:35px; line-height: 35px; background: url(../images/dot.gif) no-repeat left center; overflow: hidden;}

.new_news li a{margin-left: 8px; color: #777;}

.new_news li a:hover{color:#f60;}

/*old news 老攻略*/
.oldnews{width: 1200px; height: auto; overflow: hidden;}

.oldtit{height: 30px; padding-bottom: 8px; border-bottom: 2px solid #37B369; font: 700 20px/30px "微软雅黑", arial, "宋体"; color: #37B369;}

.oldnews li{width: 1200px; height: 110px; padding: 15px 0; border-bottom: 1px dotted #E5E5E5;}

.oldnews li h4{width: 1200px; height: 30px; font: 400 18px/30px "微软雅黑", arial, "宋体";}

.oldnews li p{width: 1200px; height: 75px; line-height: 25px; color: #777; margin-top: 5px;}

/*分页*/
.oldpages{height: 40px; line-height: 40px; padding:15px 15px 0; margin: 10px 0 0; text-align:center; font-size: 14px; font-family: Verdana,Arial,"宋体"; overflow: hidden;}

.oldpages a{background:#37B369; color: #fff; margin: 0 5px; padding: 6px 12px;}

.oldpages a:hover{background:#F80; color: #fff; text-decoration: none;}

.oldpages .current{margin: 0 5px;  padding: 6px 12px; background:#F80; color: #fff;}

.oldpages span{background:#F80; color: #fff; margin: 0 5px;  padding: 6px 12px;}

/*************************旅游指南页面**********************/
/*推荐产品*/

.photobox{width:100%; padding-bottom:25px; background:#F5F7FA; border-bottom:1px solid #DDD; overflow: hidden;}
.tj_box2{width:1200px; height: auto; margin: 25px auto 0; overflow: hidden;}
.tj_con2{width: 220px; height: auto; float: left; border: 2px solid #EEE; overflow: hidden;}
.tj_pic2{width:220px; height: 180px; position: relative;}
.tj_pic2 img{width: 218px; height: 178px; padding: 1px;}
.tj_tit2{width: 218px; height: 30px; display: block; position: absolute; left: 1px; bottom: 1px; text-align:center; font: normal 14px/30px Arial, "宋体"; color:#FFF; overflow:hidden;}
.tjbg1{background: #9670BA;}
.tjbg2{background: #3E4E7A;}
.tjbg3{background: #B35D95;}
.tjbg4{background: #A9C049;}
.tjbg5{background: #FD9D86;}
.tj_txt2{width:220px; height:35px; line-height: 35px; text-align: center; background: #E1E6EA; overflow:hidden;}
.tj_txt2 a{color: #28465E;}
.tj_jia2{width: 200px; height: 30px; padding:10px 0; font: 400 20px/30px "\5FAE\8F6F\96C5\9ED1", Arial, "宋体"; color: #F40;  text-align: center; margin: 0 10px; border-bottom: 1px solid #E5E5E5;}
.tj_jia2 span{ padding: 0 5px;}
.tj_sheng2{width: 220px; height: 30px; line-height: 30px; text-align: center; color: #888; font-family:Arial, "宋体"; }
.tj_sheng2 span{padding: 0 10px;}
.tjmgl2{margin-left: 20px; _display:inline;}

/*周边旅游*/
.zbly{width: 198px; padding: 0 1px; height: auto; overflow: hidden; }
.zbly li{width: 66px; height: 20px; float: left; font: 400 12px/20px tahoma, Arial,"宋体"; text-align: center; margin-top: 15px;}